<template>
  <div class="layout sticky-header" id="app">
    <header data-v-7e33895e class="header sticky">
      <div data-v-7e33895e class="container">
        <div data-v-7e33895e class="left">
          <g-link data-v-7e33895e to="/" class="home-link active--exact active"><img
              data-v-7e33895e
              src="../assets/img/logo.332701b7.svg"
              alt="Nichlas W. Andersen"
              class="logo"
          /></g-link>
        </div>
        <nav data-v-7e33895e class="nav right">
          <g-link data-v-7e33895e class="nav__link" to="/Journal/">Journal</g-link>
          <g-link data-v-7e33895e class="nav__link" to="/SayHi/">Say Hi!</g-link>
        </nav>
      </div>
    </header>

    <slot/>
    
    <footer data-v-07acb5f8 class="footer">
      <div data-v-07acb5f8 class="container">
        <span data-v-07acb5f8>Copyright © 2019</span>
      </div>
    </footer>
  </div>
  <!-- <div class="layout">
    <header class="header">
      <strong>
        <g-link to="/">{{ $static.metadata.siteName }}</g-link>
      </strong>
      <nav class="nav">
        <g-link class="nav__link" to="/">Home</g-link>
        <g-link class="nav__link" to="/about/">About</g-link>
      </nav>
    </header>
    <slot/>
  </div> -->
</template>

<static-query>
query {
  metadata {
    siteName
  }
}
</static-query>

<style>
</style>
